<app-header></app-header>
<p>news works!</p>
{{title}}
{{msg}}
{{username}}
{{xiaoming}}
<div [title]="username">这是news</div> <!--[]中括号的形式也可以用来定义html属性-->
<div [innerHTML]="h"></div> <!--[]中括号的形式也可以用来定义html属性,用innerHTML来接收html内容,用于浏览器解析-->
<div>
  <ul><!--这是for循环的例子,index是索引-->
    <li *ngFor="let item of list;let i=index">{{i}}----{{item}}----{{i}}</li>
  </ul>
</div>

<button (click)="requestData()" >请求数据</button>
<div>
  <ul>
    <li *ngFor="let item of list3;let i=index">{{i}}----{{item.title}}----{{i}}</li>
  </ul>
</div>


<button (click)="requestJsonpData()" >请求数据 jsonp</button>
<div>
  <ul>
    <li *ngFor="let item of list4;let i=index">{{i}}----{{item.title}}----{{i}}</li>
  </ul>
</div>

<button (click)="postData()" >请求数据 post</button>
<div>
  <ul>
    <li *ngFor="let item of list5;let i=index">{{i}}----{{item.title}}----{{i}}</li>
  </ul>
</div>



